<template>
  <div class="ChatPre">
    <n-drawer height="100%" v-model:show="active" :placement="'top'">
      <n-drawer-content title="预设对话">
        <ChatPreContent @deactive="drawerDeactive" />
      </n-drawer-content>
    </n-drawer>
  </div>
</template>

<script setup lang='tsx'>
const active = ref(false);
const drawerDeactive = () => {
  active.value = false;
}
const drawerActive = () => {
  active.value = true
}
defineExpose({
  drawerDeactive,
  drawerActive
})
</script>

<style lang="scss">
.ChatPre {
  .headerAction {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }

  .preNo {
    margin-bottom: 10px;
  }

  .hasSelectedRow {
    .n-data-table-td {

      background: #b7ddf36c;
    }
  }
}

.n-drawer-body-content-wrapper {
  overflow: hidden !important;
  padding-top: 0 !important;
}
</style>